// src/config/breakpoints.ts
export enum DesignPreset {
  MOBILE = "mobile", // 移动端设计稿
  TABLET = "tablet", // 平板设计稿
  DESKTOP = "desktop", // PC设计稿
}

export const DESIGN_CONFIG = {
  [DesignPreset.MOBILE]: {
    designWidth: 750, // 移动端设计稿宽度
    baseFontSize: 14, // 基准字号（推荐与rootValue一致）
  },
  [DesignPreset.TABLET]: {
    designWidth: 1280,
    baseFontSize: 14,
  },
  [DesignPreset.DESKTOP]: {
    designWidth: 1920,
    baseFontSize: 14,
  },
};

export const BREAKPOINTS = {
  [DesignPreset.MOBILE]: 768, // ≤768px 使用移动端方案
  [DesignPreset.TABLET]: 1280, // ≤1280px 使用平板方案
  [DesignPreset.DESKTOP]: Infinity,
};
